<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript函数</title>
   
</head>
<body>
    
         <h2>大小写字母转换</h2>
        <p>原数据<input id="old" type="text" /></p>
      <p>操作：
          <input type="button" value ="转大写" onclick="deal(upper)">
          <input type="button" value="转小写" onclick="deal(lower)">
       </p>
       <p>转换后数据：<input id="newNum" type="text"></p>
    <script>
        function deal(opt){  //定义deal函数，根据题目要求分析，只需要传入一个叁数即可
            //第一步获取到原数据的值
            var oldStr=document.getElementById("old").value;
            var newStr; //定义转换后的变量
            switch(opt){
                case 'upper':
                    newStr=oldStr.toUpperCase(); //转换成大写
                    break;
                case 'lower':
                    newStr=oldStr.tolowerCase();//转换成小写
                    break;
            }
           document.getElementById("newStr").value=newStr; //将转换后的值传递给id
        }
    </script>
</body>
</html>